<template>
  <div>
    <!-- <div>1</div> -->
    <div><div style="float:left;width:100%;height:30px;"></div></div>
  </div>
  
</template>

<script>
export default {

}
</script>

<style>
  div {
    width: 200px;
    height: 200px;
    background: red;
    transition: all 2.5s ease-in 1000ms;
    margin: 0 auto;
  }

  div:hover {
    width: 100%;
  }

</style>